<template>
    <div class="index-page">
        <!-- 头部 -->
        <searchHeader></searchHeader>
        <!-- 首页内容 -->
         <!-- 轮播图 -->
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="yellow">
            <van-swipe-item v-for="i in 4" :key="i">
                <img class="swipe-img" src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/492505133bdcb034/0f8710b0026becc3.jpg" alt="">
            </van-swipe-item>
        </van-swipe>
        <!-- 底部导航 -->
        <tabBar :active="active"></tabBar>
    </div>
</template>

<script>
export default {
    components: {
        searchHeader: () => import("../components/searchHeader.vue"),
        tabBar: () => import("../components/tabBar.vue")
    },
    data() {
        return {
            active: 0,
        };
    },
}
</script>

<style lang="less" scoped>
.swipe-img{
    width: 100%;
    height: 395px;
}
</style>
